<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Earth Games</title>
    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAmQYslFvVlJmDdURVmhrEOhRZxWYvpmaoS0zdJF4UWSgtIlYtmBRga8LV3rpdlbX7n6juisORTqSsLw"></script>
    <script type="text/javascript" src="lib/game.js"></script>
    <link rel=stylesheet href="index.css" type="text/css" />
  </head>
  <body onload="init()" onunload="google.maps.Unload()" onresize="resize()">
    <table id="main_table" height="100%">

      <tr id="header_row">
        <td colspan="2">
          <h1>Earth Games</h1>
          <span id="links">
            <a href="https://sites.google.com/site/citizenschoolsvideogame/">wiki</a>
            <a href="http://code.google.com/p/earthgames/">code</a>
            <a href="http://groups.google.com/group/citizen-schools-video-game">group</a>
          </span>
          <span id="login">{{ user }}</span>
        </td>
      </tr>

      <tr height="95%">
        <td id="notes_col">
          <div id="notes"></div>
          <div id="levelArrows"></div>
          <div id="log"></div>
        </td>
        <td width="100%" id="map_col">
          <table width="100%" height="100%">
            <tr height="60%">
              <td>
                <div id="map3d_container" style="display: table; width: 100%; height: 100%">
                  <div id="map3d" style="width: 100%; height: 100%"></div>
                </div>
              </td>
            </tr>
            <tr height="40%">
              <td>
                <form action="javascript:runCode();void(0);">
                  <input type="submit" value="Go!"/>
                  <input type="button" value="Zoom" onclick="javascript:toggleZoom()"/>
                  <input type="button" value="Show/Hide Log" onclick="javascript:toggleLog();"/>
                  <textarea name="code_area" id="code" rows="10%" onclick="javascript:gameFocus=false"></textarea>
                </form>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>
